/* 组件 */
// 定义一个组件
const MyButton = {
    template: `<button @click="count++">点击了 {{ count }} 次</button>`,
    data() {
        return { count: 0 };
    }
};

// 定义带 props 的组件
const UserCard = {
    props: ['name', 'age'],
    template: `
        <div style="border:1px solid rgba(0,0,0,0.2); padding:10px; margin:10px auto;">
        <h3>{{ name }}</h3>
        <p>年龄：{{ age }}</p>
        </div>
    `
};

// 注册组件
app.component('my-button', MyButton);
app.component('user-card', UserCard);